<style>
  #forgot_password_popup {
    -moz-border-radius: 6px;
    background: #eef2f7;
    -webkit-border-radius: 6px;
    border: 1px solid #536376;
    -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
    -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;
    border-radius: 6px;
    padding: 14px;
    width: 500px;
    position: relative;
    height:200px;
    display: none;
  }
  #close_x {
    height: 41px;
    line-height: 1000px;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    background: url('<?php echo base_url() . APPPATH ?>themes/welcome/img/close.png') no-repeat;
  }
  .input1{
    width:204px;
    height: 26px;
    background: url('<?php echo base_url() . APPPATH ?>themes/welcome/img/input.png') no-repeat;
    border:none;
    color:#fffffff;
    padding-left:5px;
	margin-bottom:5px;
  }
</style>
<div id="forgot_password_popup">
  <div style="overflow: auto;">    
    <div class="mg10"> 
      <div>
        <div class="font30" style="margin-bottom: 48px;color:#E06604">Enter your email</div>        
        <script type="text/javascript">
          function ajaxValidationCallbackForgot(status, form, json, options){
            if (status === true) {
              alert('Please check your email to process change your password');
              $('#forgot_password_popup').trigger('close');
            }
          }
          jQuery(document).ready(function(){
            jQuery("#form_forgot_password_user").validationEngine({
              ajaxFormValidation: true,
              onAjaxFormComplete: ajaxValidationCallbackForgot
            });
          });
        </script>
        <form id="form_forgot_password_user" action="<?php echo site_url('forgot_password/process_ajax') ?>" method="post" style="margin-left:154px">
          <div>
            <input id="forgot_password_email" type="text" name="email" placeholder="Email" class="input1 validate[required,custom[email]]"/>
          </div>          
          <div class="clearer"></div>
          <div style="margin-top: 10px">
            <div class="cpos_1" style="margin-right: 10px">
              <input type="submit" value="Send request" class="button1 btn_disable" name="btn_reg_submit"
                     onclick="$('.formError').remove();"/>
            </div>      
            <div class="mg15">
              <a href="#" onclick="$('#forgot_password_popup').trigger('close');$('#signin').click();">Sign In</a> | 
              <a href="#" onclick="$('#forgot_password_popup').trigger('close');$('#signup').click();">Sign up</a>
            </div>			
          </div>
        </form>
      </div>      
      <div>
		
      </div>
    </div>    
  </div>
  <a id="close_x" class="close sprited" href="#"></a>
</div>